import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  padding: 0;\n  margin: 0;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  img {\n    width: 16px;\n    height: 16px;\n  }\n  span {\n    font-family: MicrosoftYaHei;\n    font-size: 12px;\n    color: #b1b1b1;\n    line-height: 20px;\n  }\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

import React from "react";
import styled from "styled-components";
import motionIcon from "../../assets/icons/motions.png";
var StyledTitle = styled.span(_templateObject());
export default function MotionTitle(_ref) {
  var text = _ref.text;
  return React.createElement(StyledTitle, null, React.createElement("img", {
    src: motionIcon,
    alt: "motion"
  }), React.createElement("span", null, text));
}